<template>
    <div class="background" :style="{backgroundImage:'url('+p_url+')'}">
        <div class="t-img">
            <span>{{title}}</span>
        </div>	
    </div>
</template>
<script>
export default {
    props:{
        title:String,
        p_url:String
    }
}
</script>
<style lang="less" scoped>
    .background{
        height:250px;
        margin:100px auto 0px auto;
        background-size: 100% 100%; 
        background-repeat: no-repeat;
    }
    .t-img{
        height:50px;
        width:200px;
        border:4px solid black;
        background:white;
        opacity:0.5;
        text-align:center;
        line-height:50px;
        position:absolute;
        /*黑框框的位置*/
        margin-left:900px;
        margin-top:150px;
    }
    .t-img span{
        font-size:30px;
        font-weight:600;
    }
</style>